<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>{% if page.title %}{{ page.title }} • {% endif %}{{ site.title }}</title>
    {% if page.excerpt %}<meta name="description" content="{{ page.excerpt | strip_html }}">{% endif %}
    {% if page.tags %}<meta name="keywords" content="{{ page.tags | join: ', ' }}">{% endif %}
    {% if page.author %}
      {% assign author = site.data.authors[page.author] %}{% else %}{% assign author = site.owner %}
    {% endif %}
    {% include open-graph.html %}
    {% include google-analytics.html %}

    <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.url }}">

    <link href="{{ site.url }}/atom.xml" type="application/atom+xml" rel="alternate" title="{{ site.title }} Atom Feed">
    <link href="{{ site.url }}/sitemap.xml" type="application/xml" rel="sitemap" title="Sitemap">

    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="cleartype" content="on">

    <style>
    .sliding-menu-content {
      top: 0;
      right: 0;
      text-align: center;
      visibility: hidden;
      height: 100%;
      width: 100%;
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%);
    }
    </style>

    <link rel="stylesheet" href="{{ site.url }}/css/main.css">
    <!-- HTML5 Shiv and Media Query Support for IE -->
    <!--[if lt IE 9]>
      <script src="{{ site.url }}/js/vendor/html5shiv.min.js"></script>
      <script src="{{ site.url }}/js/vendor/respond.min.js"></script>
    <![endif]-->

  </head>

  <body>

    <div class="page-lead" style="background-image:url(/images/hero-image.jpg)">
      <div class="wrap page-lead-content">
        <h1>{{ site.title }}</h1>
        <a href="/buy/" class="btn-inverse">Buy the Book</a>&nbsp;&nbsp;
        <a href="https://github.com/bwa-book/sample-code" class="btn-inverse">Example Code on GitHub</a>&nbsp;&nbsp;
        <a href="/errata/" class="btn-inverse">Errata</a>
      </div><!-- /.page-lead-content -->
    </div>

    <div><p></p></div>

    <div id="main" role="main">
      <div class="wrap">
        <div class="inner-wrap">
          <nav class="toc"></nav><!-- /.toc -->
          <div id="content" class="page-content" itemprop="articleBody">
            {{ content }}
            <hr />
            <footer class="page-footer">
              {% if page.categories %}{% include page-author.html %}{% endif %}
              {% if page.share != false %}{% include share-this.html %}{% endif %}
              {% include page-meta.html %}
            </footer><!-- /.footer -->
            <aside>
              {% if page.comments == true %}{% include comments.html %}{% endif %}
            </aside>
          </div><!-- /.content -->
        </div><!-- /.inner-wrap -->
        <div class="ads">
          {% include book-cover.html %}
        </div><!-- /.ads -->
      </div><!-- ./wrap -->
    </div><!-- /#main -->

    <script src="{{ site.url }}/js/vendor/jquery-1.9.1.min.js"></script>
    <script src="{{ site.url }}/js/main.js"></script>

  </body>

</html>
